﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <meta name="ms-design-extensionType" content="Search" />
    <title>Search Contract</title>

    <!-- WinJS references -->
    <link href="//Microsoft.WinJS.1.0/css/ui-light.css" rel="stylesheet" />
    <script src="//Microsoft.WinJS.1.0/js/base.js"></script>
    <script src="//Microsoft.WinJS.1.0/js/ui.js"></script>

    <link href="/css/default.css" rel="stylesheet" />
    <link href="/pages/search/search.css" rel="stylesheet" />
    <script src="/js/data.js"></script>
    <script id="SearchItemTemplate" type="text/template">
        {each entry as item index}
        <div class='timeline-item' data-blogger='{item.blogapp}' data-avatar='{item.avatar}' data-author='{item.title.text}'>
            {if item.avatar}
             <img src='{echo item.avatar}'/>
            {else}
             <img src='http://pic.cnblogs.com/face/u58245.png?id=28151648'/>
            {/if}
            <div class='title'>{echo item.title.text}</div>
            <div class='group'>
                <div class='postCount'>评论数： {echo item.postcount}</div>
                <div class='updatedTime'>最近更新： {echo item.updated}</div>
            </div>
            <div>博客地址： {echo item.link.href}</div>
        </div>
        {/each}
    </script>
</head>
<body>
    <!-- The content that will be loaded and displayed. -->
    <div class="search fragment" style="-ms-grid-columns: 1fr;">
        <header aria-label="Header content" role="banner">
            <button class="win-backbutton" aria-label="Back" disabled type="button"></button>
            <div class="titlearea">
                <h2 class="pagetitle win-type-ellipsis"></h2>
            </div>
        </header>
        <section id="scroller" aria-label="Main content" role="main">
            <!--<div class="resultsmessage win-type-x-large">No results match your search.</div>-->
            <!--<div class="filterarea">
                <ul class="filterbar"></ul>
                <select class="filterselect"></select>
            </div>-->
            <div id="mainlist" class="resultslist win-selectionstylefilled" aria-label="Search results" data-win-control="WinJS.UI.ListView" data-win-options="{ selectionMode: 'single' }"></div>
            
            <progress id="progressBar" class="win-ring win-large progressRing" style="margin:20px 0 0 20px; display:none"></progress>
            <div id="to-top-floater" data-role="floater" style="display: none"><span class="to-top"></span></div>
        </section>
    </div>
</body>
</html>
